.infoBar {
    -fx-background-color: #5576BD;
}

.dirBar {
    -fx-background-color: #FAFAFA;
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.6), 5, 0.0, 0, 1);
}

.tableInfoTextField {
    -fx-border-width: 0 0 1 0;
    -fx-border-style: solid;
    -fx-background-color: -fx-control-inner-background;
    -fx-background-insets: 0;
    -fx-padding: 0 5 0 5;
    -fx-font-size: 22;

}

.mediaView {
    -fx-pref-width: 100%;
    -fx-pref-height: 100%;
}

.rightContent {
    -fx-background-color: #FFF;
}

.rightContentBar {
    -fx-border-width: 0 0 1 0;
    -fx-border-style: solid;
    -fx-background-color: #fefefe;
    -fx-border-color: #f5f5f5;
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.2), 5, 0.0, 5, 0);
}

.avatar {
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.8), 15, 0, 0, 0);
}

.mainPanel {
    -fx-border-style: solid;
    -fx-border-color: #5576BD;
}

.syncBtn {
    -fx-background-image: url(/icons/public/BtnSynIconSimple.png);
    -fx-background-size: 20;
    -fx-background-position: 0 0;
}

.syncBtn:hover {
    -fx-background-image: url(/icons/public/BtnSynIconSimple.png);
    -fx-background-size: 20;
    -fx-background-position: 0 40;
}

.syncBtn:selected {
    -fx-background-image: url(/icons/public/BtnSynIconSimple.png);
    -fx-background-size: 20;
    -fx-background-position: 0 40;
}

.returnBtn {
    -fx-background-image: url(/icons/public/BtnReturnIcon.png);
    -fx-background-size: 32;
    -fx-background-position: 0 -96;
}

.returnBtn:hover {
    -fx-background-image: url(/icons/public/BtnReturnIcon.png);
    -fx-background-size: 32;
    -fx-background-position: 0 -32;
}

.orderBtn {
    -fx-background-image: url(/icons/public/BtnViewList.png);
    -fx-background-size: 32;
    -fx-background-position: 0 0;
}

.orderBtn:hover {
    -fx-background-image: url(/icons/public/BtnViewList.png);
    -fx-background-size: 32;
    -fx-background-position: 0 64;
}

.menuBtn {
    -fx-background-image: url(/icons/sysbtnIcon/IconSysMenu.png);
    -fx-background-position: 14 14;
    -fx-background-size: 24;
    -fx-background-repeat: no-repeat;
}

.menuBtn:hover {
    -fx-background-color: #E8F0FF;
}

.minBtn {
    -fx-background-image: url(/icons/sysbtnIcon/IconSysMin.png);
    -fx-background-position: 14 14;
    -fx-background-size: 24;
    -fx-background-repeat: no-repeat;
}

.minBtn:hover {
    -fx-background-color: #E8F0FF;
}

.maxBtn {
    -fx-background-image: url(/icons/sysbtnIcon/IconSysMax.png);
    -fx-background-position: 14 14;
    -fx-background-size: 24;
    -fx-background-repeat: no-repeat;
}

.maxBtn:hover {
    -fx-background-color: #E8F0FF;
}

.restoreBtn {
    -fx-background-image: url(/icons/sysbtnIcon/IconSysRestore.png);
    -fx-background-position: 14 14;
    -fx-background-size: 24;
    -fx-background-repeat: no-repeat;
}

.restoreBtn:hover {
    -fx-background-color: #E8F0FF;
}

.closeBtn {
    -fx-background-image: url(/icons/sysbtnIcon/IconSysClose.png);
    -fx-background-position: 14 14;
    -fx-background-size: 24;
    -fx-background-repeat: no-repeat;
}

.closeBtn:hover {
    -fx-background-color: #E8F0FF;
}

.searchTextField {
    -fx-background-radius: 25;
    -fx-border-radius: 25;
    -fx-accent: none;
    -fx-background-color: #f7f5f5;
    -fx-text-fill: #c8c8c8;
    -fx-focus-color: none;
    -fx-border-color: #c8c8c8;
    -fx-padding: 10 15 5 15
}

.searchTextField:hover {
    -fx-background-color: -fx-control-inner-background;
    -fx-focus-color: -fx-control-inner-background;
}

.searchTextField:visited {
    -fx-background-color: none;
    -fx-focus-color: -fx-control-inner-background;
}

.tabArea {
    -fx-padding: 8;
}

.tab-pane {
    -fx-padding: 5;
    -fx-border-width: 1;
    -fx-border-color: #5576BD;
}

.topBorder{
    -fx-border-width: 1 0 0 0;
    -fx-border-color: #5576BD;
}

.bottomBorder{
    -fx-border-width: 0 0 1 0;
    -fx-border-color: #5576BD;
}

.topArea {
    -fx-padding: 8;
}

.topArea .topAreaChild{
    -fx-padding: 5 8 5 8;
    -fx-border-width: 1;
    -fx-border-color: #5576BD;
}

.tab-pane > .tab-header-area {
    /*-fx-background-color: #c8d0e2;*/
    -fx-padding: 0;
}

.tab-pane > .tab-header-area > .headers-region > .tab > .tab-container > .tab-label {
    -fx-alignment: CENTER;
    -fx-text-fill: white;
}
.tab-pane > .tab-header-area > .headers-region > .tab {
    -fx-background-insets: 0, 0, 0;
    -fx-background-radius: 0, 0, 0, 0;
    -fx-padding: 0.083333em 0.5em 0.0769em 0.5em; /* 1 6 0.99 6 */
    -fx-background-color:   -fx-background;
    -fx-background: pink ;
}


.tab-pane > .tab-header-area > .tab-header-background {
    -fx-background-color: none;
    -fx-border-color: #5576BD;
    -fx-border-width: 0 0 1 0;
}

.tab-pane > .tab-header-area > .headers-region > .tab:top {
    -fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-text-fill: black;
}

.tab-pane > .tab-header-area > .headers-region > .tab:hover {
    -fx-background-color: #5576BD;
    -fx-focus-color: none;
    -fx-text-fill: white;
}

.tab-pane > .tab-header-area > .headers-region > .tab:hover > .tab-container > .tab-label {
    -fx-background-color: #5576BD;
    -fx-text-fill: white;
}


.tab-pane > .tab-header-area > .headers-region > .tab:selected {
    -fx-background-color: #5576BD;
    -fx-focus-color: none;
    -fx-text-fill: white;
}

.tab-pane > .tab-header-area > .headers-region > .tab:selected .tab-container > .tab-label {
    -fx-background-color: #5576BD;
    -fx-text-fill: white;
}

.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-focus-color: none;
    -fx-text-fill: white;
}


/* TODO: scaling the shape seems to make it way too large */
.tab-pane > .tab-header-area > .headers-region > .tab > .tab-container > .tab-close-button {
    -fx-background-color: white;
    -fx-padding: 0;
}

.tab-pane > .tab-header-area > .headers-region > .tab > .tab-container > .tab-close-button:hover {
    -fx-background-color: derive(-fx-mark-color, -30%);
}

.contentVBox {
    -fx-padding: 0 0 0 0;
}

.avatar {
    -fx-padding: 30 0 0 0;
}

.itemList {
    -fx-background-color: #FAFAFA;
    -fx-background-insets: 0;
    -fx-accent: #F2F2F2;
    -fx-focus-color: none;
}

.itemList .column-header-background {
    visibility: hidden;
    -fx-padding: -1em;
}

.table-row-cell {
    -fx-background-color: #FAFAFA;
    -fx-table-cell-border-color: #FAFAFA;
    -fx-min-height: 60;
}

/* GLOBAL */
.menu-item {
    -fx-text-fill: red;
}

.menu-item:hover {
    -fx-background-color: #5576BD;
    -fx-font-size: 15;
}

.menu-item:focused {
    -fx-background-color: #5576BD;
    -fx-font-size: 15;
}

/* scroll-bar 开始 */
.scroll-bar:horizontal .track,
.scroll-bar:vertical .track {
    -fx-background-color: #FAFAFA;
    -fx-border-color: #FAFAFA;
    -fx-background-radius: 0em;
    -fx-border-radius: 2.5em;
}

.scroll-bar:horizontal .increment-button,
.scroll-bar:horizontal .decrement-button {
    -fx-background-color: #fff;
    -fx-background-radius: 0em;
    -fx-padding: 0 0 10 0;
}

.scroll-bar:vertical .increment-button,
.scroll-bar:vertical .decrement-button {
    -fx-background-color: transparent;
    -fx-background-radius: 0em;
    -fx-padding: 0 10 0 0;

}

.scroll-bar .increment-arrow,
.scroll-bar .decrement-arrow {
    -fx-shape: " ";
    -fx-padding: 0;
}

.scroll-bar:horizontal .thumb,
.scroll-bar:vertical .thumb {
    -fx-background-color: #e3e6f2;
    -fx-background-insets: 2, 0, 0;
    -fx-background-radius: 0em;
}

/* scroll-bar 结束 */
.table-row-cell:odd {
    -fx-background-color: #FAFAFA;
    -fx-focus-color: none;
    -fx-background-insets: 0;
}

.table-row-cell:hover {
    -fx-background-color: #F2F2F2;
    -fx-focus-color: none;
    -fx-background-insets: 0;
    -fx-table-cell-border-color: #F2F2F2;
}


.table-row-cell:selected {
    -fx-background-color: #F2F2F2;
    -fx-background-insets: 0;
    -fx-focus-color: none;
    -fx-table-cell-border-color: #F2F2F2;
}

.itemIcon {
    -fx-alignment: center-right;
}

.rightBg {

}

.itemName {
    -fx-alignment: center-left;
    -fx-font-size: 16;
}

.itemDate {
    -fx-alignment: center;
    -fx-font-size: 14;
    -fx-text-fill: #B2B2B2;
}
